<!DOCTYPE html>
<html lang="en">
<head th:insert="/admin/common/head::css"></head>
<body>
<div th:insert="/admin/common/header::header" ></div>
<!--  main  -->
<div class="container-fluid">
    <div class="row-fluid">
        <div th:insert="/admin/common/side::side" ></div>
        <!-- content -->
        <div style="display: flex; flex-direction: column">
            <div class="span10" id="content">
                <div class="row-fluid">
                    <h3>系统监控</h3>
                    <div id="myAlert" class="alert alert-success">
                        <a href="#" class="close" data-dismiss="alert">&times;</a>
                        <strong>系统监控</strong>用户活动
                    </div>
                    <!-- block -->
                    <div class="block">
                        <div class="navbar navbar-inner block-header" style="display: flex;flex-direction: column">
                            <!--                            <a th:if="${loginUser.userType == 0}" style="margin-right: 10px;width: 18%;height: 30%" class="btn btn-default" th:href="@{/admin/app/add.html}" role="button">增加活动</a>-->
                        </div>
                        <div class="block-content collapse in">
                            <div class="span12">
                                <table class="table">
                                    <thead>
                                    <tr>
                                        <th>序号</th>
                                        <th>访问人</th>
                                        <th>访问接口名称</th>
                                        <th>访问时间</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr th:each = "config : ${page.records}">
                                        <td th:text="${config.id}"></td>
                                        <td th:text="${config.user.username}"></td>
                                        <td th:text="${config.api}"></td>
                                        <td th:text="${#dates.format(config.date, 'yyyy/MM/dd HH:mm:dd')}"></td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <!-- /block -->

                    <div id="" class="alert alert-success">
                        <a href="#" class="close" data-dismiss="alert">&times;</a>
                        <strong>数据库监控</strong>数据库状态
                    </div>
                    <iframe src="http://localhost:8080/resource/druid/index.html" style="width:100%;height:800px">
                    </iframe>
                </div>
            </div>
            <div th:insert = "/admin/common/page::page"></div>
        </div>
        <!-- content -->
    </div>
</div>
<!--  main  -->
</body>
<div th:insert="/admin/common/footer::js" ></div>
<script type="text/javascript">

    document.getElementById("index").className = 'active'
</script>
</html>